<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="css/style.css">
	<script src="js/script.js"></script>
	<title>春节贺卡</title>
</head>
<body>
	<div class="music">
		<img src="images/music_pointer.png">
		<img class="play" id="music" src="images/music_disc.png">
	</div>
	<div class="page" id="page1">
		<div class="bg"></div>
		<div class="p1-lantern">
			<p>点击开启好运2016</p>
		</div>	
		<div class="p1-imooc">
			<!-- <img src="images/p1_imooc.png"> -->
		</div>
		<div class="p1-words">2016贺春</div>
	</div>
	<div class="page" id="page2">
		<div class="bg"></div>
		<div class="p2_circle"></div>
		<div class="p2_2016"></div>
	</div>
	<div class="page" id="page3">
		<div class="bg"></div>
		<div class="logo"></div>
		<div class="title"></div>
		<div class="blessing"></div>
	</div>
	
	<audio class="audio" autoplay="true" src="music/spring.mp3"></audio>
</body>
</html>